/* 
    Document   : main
    Created on : Apr 18, 2012, 5:22:43 PM
    Author     : VST
    Description:
        Purpose of the stylesheet follows.
*/

#main-outter{
    width: auto;
    margin: 0px 5px 5px 5px;
    position: relative;
}
#main{
    width: 960px;
    margin: auto;
}
#m-left{
    float: left;
    width: 250px;
}
#m-right{
    float: right;
    width: 700px;
}

#template-categories{
    background: #5e6974;
    border-top-right-radius: 30px;
    padding-top: 30px;
    position: absolute; left: -5px;
    z-index: 999;
}
#template-categories ul{
    padding-bottom: 30px;

}
#template-categories .tc-title{
    font-size: 24px; color: #ffffff;
    background: url(../images/category-bullet.png) no-repeat ;
    margin-bottom: 10px;
}
#template-categories ul li{
    padding-right: 10px;
}
#template-categories ul li:hover{
    background: #ecf1f4;
}
#template-categories ul li a{
    background: url(../images/list-bullet-white.png) no-repeat left center;
    display: block;
    width: 220px; height: 30px;
    padding-left: 10px;
    border-top: 1px solid #8f969e;
    line-height: 28px; color: #ffffff; text-transform: uppercase;
}
#template-categories ul li:hover a{
    border-top: 1px solid #ecf1f4;
    background: url(../images/list-bullet-pink.png) no-repeat left center;
    color: #f36d57;
}

#template-categories ul li a span{
    margin-right: 5px;
}
#m-left .box.black{
    background: #5e6974;
    border-top-right-radius: 30px;
    padding-top: 30px;
    margin-bottom: 10px;
}
#m-left .box.black h2{
    font-size: 24px; color: #ffffff;
    background: url(../images/category-bullet.png) no-repeat 5px center ;
    margin-bottom: 10px;
    padding-left: 45px;
}
#m-left .box.black ul li{
    padding-left: 10px;
}
#m-left .box.black ul li a{
    background: url(../images/list-bullet-white.png) no-repeat left center;
    display: block;
    width: 220px; height: 30px;
    padding-left: 10px;
    border-top: 1px solid #8f969e;
    line-height: 28px; color: #ffffff;
}
#m-left .box.black ul li a span{
    margin-right: 5px;
}
#m-left .box.black ul li:hover a{
    
    background: url(../images/list-bullet-pink.png) no-repeat left center;
    color: #f36d57;
}